<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
    request.setCharacterEncoding("UTF-8");
    response.setCharacterEncoding("UTF-8");
    response.setContentType("text/html; charset=utf-8");
%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
    <base href="<%=basePath %>">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="Keywords" content="冬游,冬季旅游,冰雪旅游,冬季,旅游,冰雪" />
    <meta name="description" content="网页描述">
    <link rel="stylesheet" href="./WinterTourism/material/bootstrap-icons/bootstrap-icons.css" type="text/css">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="./WinterTourism/material/css/bootstrap.css" type="text/css">
    <!-- jQuery -->
    <script src="./WinterTourism/material/js/jquery-3.4.1.js" type="text/javascript"></script>
    <!-- Bootstrap JS -->
    <script src="./WinterTourism/material/js/bootstrap.bundle.js" type="text/javascript"></script>
    <link rel="stylesheet" href="./WinterTourism/material/css/index.css" type="text/css">
    <title>冬游网-冬季旅游攻略网站</title>
</head>
<body>
<!-- 导航栏 showNewsNav -->
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top p-2">
    <a href="#" class="navbar-brand">LOGO</a>
    <div class="collapse navbar-collapse" id="myNavbar">
        <ul class="navbar-nav">
            <li class="nav-item"><a href="#" class="nav-link">首页</a></li>
            <li class="nav-item"><a href="#" class="nav-link">旅情事记</a></li>
            <li class="nav-item"><a href="showNewsNav?pageNum=1&type=1" class="nav-link">新闻资讯</a></li>
            <li class=" nav-item dropdown">
                <a class="nav-link  dropdown-toggle" data-toggle="dropdown" href="#">
                    关于
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#" class="dropdown-item">联系我们</a></li>
                    <li><a href="#" class="dropdown-item">意见反馈</a></li>
                    <li class="dropdown-divider"></li>
                    <li><a href="#" class="dropdown-item disabled">商家服务</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <button class="btn btn-dark"><i class="bi bi-telephone"></i></button>
    <button class="btn btn-dark" data-toggle="modal" data-target="#Modal-Search"><i
            class="bi bi-search"></i></button>
    <button class="btn btn-danger">酒店门票</button>
    <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#myNavbar">
        <span class="navbar-toggler-icon"></span>
    </button>
</nav>
<!-- 轮播图 -->
<div id="myCarousel" class="carousel slide mb-5" data-ride="carousel">
    <!-- 切换条 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- 切换条 END -->
    <!-- 切换按钮 -->
    <a href="#myCarousel" class="left carousel-control-prev" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#myCarousel" data-slide="next">
        <span class="carousel-control-next-icon"></span>

    </a>
    <!-- 切换按钮 END -->
    <!-- 图片 -->
    <div class="carousel-inner" role="listbox">
        <div class="carousel-item active">
            <img src="./WinterTourism/material/img/41.jpg" alt="" class="w-100 d-bolck" />
            <div class="carousel-caption d-none d-md-block">
                <h3>冰雪大世界</h3>
                <p>黑龙江·哈尔滨</p>
            </div>
        </div>
        <div class="carousel-item">
            <img src="./WinterTourism/material/img/42.jpg" alt="" class="w-100 d-bolck" />
            <div class="carousel-caption d-none d-md-block">
                <h3>雾凇岛</h3>
                <p>吉林·吉林</p>
            </div>
        </div>
        <div class="carousel-item">
            <img src="./WinterTourism/material/img/40.png" alt="" class="w-100 d-bolck" />
            <div class="carousel-caption d-none d-md-block">
                <h3>林海雪原</h3>
                <p>黑龙江·牡丹江</p>
            </div>
        </div>
    </div>
    <!-- END -->
</div>
<!-- 轮播图 END -->
<div class="container">
    <!-- 每日推荐 -->
    <div class="row text-center">
        <div class="col-12">
            <h1>每日推荐</h1>
            <h3 class="text-secondary">${sessionScope.video.videoTitle}</h3>
        </div>
        <div class="col-md-8 offset-md-2">
            <iframe
                    src="${sessionScope.video.videoLink}"
                    allowfullscreen="allowfullscreen" width="100%" height="440px" scrolling="no" frameborder="0"
                    sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>
            <p>作者:<span class="pr-3"><a href="${sessionScope.video.authorLink}">${sessionScope.video.videoAuthor}</a></span>
                视频源:<span><a
                        href="${sessionScope.video.sourceLink}">${sessionScope.video.videoSource}</a></span>
            </p>
        </div>
    </div>
    <!-- 选项卡 -->
    <div class="row mt-5 justify-content-between">
        <div class="col-sm-6">
            <div class="d-flex w-100 justify-content-between align-items-en">
                <h4><i class="bi bi-newspaper"></i>&emsp;新闻</h4>
                <small><a href="#">更多<i class="bi bi-chevron-right"></i></a></small>
            </div>
            <ul class="list-group list-group-flush">
                <li class="list-group-item">
                    <div class="d-flex w-100 justify-content-between">

                        <h5 class="mb-1 text-nowrap text-truncate link-style">
                            <a href="#"
                               class="text-decoration-none link-style">哈尔滨太火了！冰雪大世界门票卖光，洗浴中心挤满“南方宝宝”，省委副书记：要把握机遇</a>
                        </h5>

                        <small class="text-nowrap ml-2">3 days ago</small>
                    </div>
                    <small>#tags:冰雪大世界,哈尔滨</small>
                </li>
                <li class="list-group-item">
                    <div class="d-flex w-100 justify-content-between">

                        <h5 class="mb-1 text-nowrap text-truncate link-style">
                            <a href="#"
                               class="text-decoration-none link-style">哈尔滨太火了！冰雪大世界门票卖光，洗浴中心挤满“南方宝宝”，省委副书记：要把握机遇</a>
                        </h5>

                        <small class="text-nowrap ml-2">3 days ago</small>
                    </div>
                    <small>#tags:冰雪大世界,哈尔滨</small>
                </li>
                <li class="list-group-item">
                    <div class="d-flex w-100 justify-content-between">

                        <h5 class="mb-1 text-nowrap text-truncate link-style">
                            <a href="#"
                               class="text-decoration-none link-style">哈尔滨太火了！冰雪大世界门票卖光，洗浴中心挤满“南方宝宝”，省委副书记：要把握机遇</a>
                        </h5>

                        <small class="text-nowrap ml-2">3 days ago</small>
                    </div>
                    <small>#tags:冰雪大世界,哈尔滨</small>
                </li>
                <li class="list-group-item">
                    <div class="d-flex w-100 justify-content-between">

                        <h5 class="mb-1 text-nowrap text-truncate link-style">
                            <a href="#"
                               class="text-decoration-none link-style">哈尔滨太火了！冰雪大世界门票卖光，洗浴中心挤满“南方宝宝”，省委副书记：要把握机遇</a>
                        </h5>

                        <small class="text-nowrap ml-2">3 days ago</small>
                    </div>
                    <small>#tags:冰雪大世界,哈尔滨</small>
                </li>
                <li class="list-group-item">
                    <div class="d-flex w-100 justify-content-between">

                        <h5 class="mb-1 text-nowrap text-truncate link-style">
                            <a href="#"
                               class="text-decoration-none link-style">哈尔滨太火了！冰雪大世界门票卖光，洗浴中心挤满“南方宝宝”，省委副书记：要把握机遇</a>
                        </h5>

                        <small class="text-nowrap ml-2">3 days ago</small>
                    </div>
                    <small>#tags:冰雪大世界,哈尔滨</small>
                </li>
                <li class="list-group-item">
                    <div class="d-flex w-100 justify-content-between">

                        <h5 class="mb-1 text-nowrap text-truncate link-style">
                            <a href="#"
                               class="text-decoration-none link-style">哈尔滨太火了！冰雪大世界门票卖光，洗浴中心挤满“南方宝宝”，省委副书记：要把握机遇</a>
                        </h5>

                        <small class="text-nowrap ml-2">3 days ago</small>
                    </div>
                    <small>#tags:冰雪大世界,哈尔滨</small>
                </li>
            </ul>
        </div>
        <!-- 左侧结束 -->
        <div class="col-sm-6">
            <div class="d-flex w-100 justify-content-between align-items-en">
                <h4><i class="bi bi-emoji-laughing-fill"></i>&emsp;攻略</h4>
                <small><a href="#">更多<i class="bi bi-chevron-right"></i></a></small>
            </div>
            <ul class="list-group list-group-flush">
                <li class="list-group-item">
                    <div class="d-flex w-100 justify-content-between">

                        <h5 class="mb-1 text-nowrap text-truncate link-style">
                            <a href="#"
                               class="text-decoration-none link-style">哈尔滨太火了！冰雪大世界门票卖光，洗浴中心挤满“南方宝宝”，省委副书记：要把握机遇</a>
                        </h5>

                        <small class="text-nowrap ml-2">3 days ago</small>
                    </div>
                    <small>#tags:冰雪大世界,哈尔滨</small>
                </li>
                <li class="list-group-item">
                    <div class="d-flex w-100 justify-content-between">

                        <h5 class="mb-1 text-nowrap text-truncate link-style">
                            <a href="#"
                               class="text-decoration-none link-style">哈尔滨太火了！冰雪大世界门票卖光，洗浴中心挤满“南方宝宝”，省委副书记：要把握机遇</a>
                        </h5>

                        <small class="text-nowrap">3 days ago</small>
                    </div>
                    <small>#tags:冰雪大世界,哈尔滨</small>
                </li>
                <li class="list-group-item">
                    <div class="d-flex w-100 justify-content-between">

                        <h5 class="mb-1 text-nowrap text-truncate link-style">
                            <a href="#"
                               class="text-decoration-none link-style">哈尔滨太火了！冰雪大世界门票卖光，洗浴中心挤满“南方宝宝”，省委副书记：要把握机遇</a>
                        </h5>

                        <small class="text-nowrap">3 days ago</small>
                    </div>
                    <small>#tags:冰雪大世界,哈尔滨</small>
                </li>
                <li class="list-group-item">
                    <div class="d-flex w-100 justify-content-between">

                        <h5 class="mb-1 text-nowrap text-truncate link-style">
                            <a href="#"
                               class="text-decoration-none link-style">哈尔滨太火了！冰雪大世界门票卖光，洗浴中心挤满“南方宝宝”，省委副书记：要把握机遇</a>
                        </h5>

                        <small class="text-nowrap">3 days ago</small>
                    </div>
                    <small>#tags:冰雪大世界,哈尔滨</small>
                </li>
                <li class="list-group-item">
                    <div class="d-flex w-100 justify-content-between">

                        <h5 class="mb-1 text-nowrap text-truncate link-style">
                            <a href="#"
                               class="text-decoration-none link-style">哈尔滨太火了！冰雪大世界门票卖光，洗浴中心挤满“南方宝宝”，省委副书记：要把握机遇</a>
                        </h5>

                        <small class="text-nowrap">3 days ago</small>
                    </div>
                    <small>#tags:冰雪大世界,哈尔滨</small>
                </li>
                <li class="list-group-item">
                    <div class="d-flex w-100 justify-content-between">

                        <h5 class="mb-1 text-nowrap text-truncate link-style">
                            <a href="#"
                               class="text-decoration-none link-style">哈尔滨太火了！冰雪大世界门票卖光，洗浴中心挤满“南方宝宝”，省委副书记：要把握机遇</a>
                        </h5>

                        <small class="text-nowrap">3 days ago</small>
                    </div>
                    <small>#tags:冰雪大世界,哈尔滨</small>
                </li>

            </ul>
        </div>
    </div>
</div>
<!-- 选项卡 END -->
<footer class="bg-dark py-3 mt-2">
    <div class="container justify-content-md-between  d-flex  align-items-baseline">
        <div class="col-md-8">
            <ul class="breadcrumb bg-dark">
                <li>
                    <h5 class="text-light">友情链接：</h5>
                </li>
                <li class="breadcrumb-item"><a href="http://www.hrbicesnow.com/" class="text-light">冰雪大世界</a>
                </li>
                <li class="breadcrumb-item"><a href="http://www.hrbwljt.cn/" class="text-light">哈尔滨文旅</a></li>
                <li class="breadcrumb-item"><a href="http://whhlyt.jl.gov.cn/" class="text-light">黑龙江文旅</a></li>
                <li class="breadcrumb-item"><a href="http://whhlyt.jl.gov.cn/" class="text-light">吉林文旅</a></li>
            </ul>
        </div>
        <div>
            <p class="text-white">
                <a class="fenge text-white" href="#home"><i class="bi bi-wechat"></i></a>
                <a class="fenge text-white" href="#home"><i class="bi bi-sina-weibo"></i></a>
                <a class="fenge text-white" href="#home"></i><i class="bi bi-tiktok"></i></a>
                <a class="fenge text-white" href="#home"><i class="bi bi-tencent-qq"></i></a>
            </p>
        </div>
    </div>
    <div class="navigation-bar text-center">
        <a class="fenge text-white" href="#home">首页</a>
        <a class="fenge text-white" href="#home">旅情事记</a>
        <a class="fenge text-white" href="#home">新闻资讯</a>
        <a class="fenge text-white" href="#aboutus">商家服务</a>
        <a class="fenge text-white" href="#aboutus">关于我们</a>
    </div>
    <hr class="bg-white" />
</footer>

<script>
    $(document).ready(function(){
        $("#news").on("click",function(event){
            event.preventDefault();
            $.ajax({
                url:"showNewsNav",
                type:"post",
                dataType:"text",
                data:{'pageSize':'6','pageNum':'0','type':'1'},
                success:function(data){
                    //处理成功返回的数据
                }
            });
        });
    });

</script>













<div class="modal fade border-0" id="Modal-Search">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">

            <div class="modal-body">
                <button type="button" class="close btn-close close-white" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                </button>
                <div style="height:4rem;">

                </div>
                <form action="#" class=" d-block">
                    <div class="input-group input-group">
                        <input class="form-control" type="text" name="sousuo" placeholder="请输入......" />
                        <div class="input-group-append">
                            <button class="btn btn-dark"><i class="bi bi-search"></i></button>
                        </div>
                    </div>
                </form>
                <h5 class="mt-5">猜你想搜</h5>
                <p><span>gfdindonb</span>,<span>gfdindonb</span>,<span>gfdindonb</span>，<span>gfdindonb</span>，<span>gfdohngfobdflntdlnblnblndgfhilixnvfldnhlbdfkindonb</span>，<span>gfdindonb</span>，<span>gfdindonb</span>，<span>gfdindonb</span>，<span>gfdindonb</span>，<span>gfdindonb</span>
                </p>
            </div>
            <!-- body end -->
        </div>
        <!-- content end -->
    </div>
</div>
<!-- modal结束 -->
</body>